<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Profile &mdash; Free Website Template, Free HTML5 Template by freehtml5.co</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
	<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
	

	

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Space+Mono" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
		
	<div class="fh5co-loader"></div>
	
	<div id="page">	
	<header id="fh5co-header" class="fh5co-cover js-fullheight" role="banner" style="background-image:url(images/cover_bg_3.jpg);" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			    <div id="navbar" class="navbar-collapse collapse navbar-right" >
					<ul class="nav navbar-nav">
						<li><a href="#"><span data-hover="Home">Home</span></a></li>
						<li><a href="#about"><span data-hover="About">About</span></a></li>
						<li><a href="#works"><span data-hover="Works">works</span></a></li>
					</ul>
				</div>
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="display-t js-fullheight">
						<div class="display-tc js-fullheight animate-box" data-animate-effect="fadeIn">
							<div class="profile-thumb" style="background: url(images/bg1.jpg);"></div>
							<h1><span>彩色的黑</span></h1>
							<h2><span>程序猿是真的强</span></h2>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>

	<div id="about" class="animate-box">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
					<h2>这里是！</h2>
				</div>
			</div>
			<div class="row">
				<div class="col-md-2">
                    <div class="left-image">
                        <img src="img/left1.jpg" alt="">
                    </div>
                </div>
				<div class="col-md-8">
                        <p>就是个用来堆作业的仓库<br><br>所有作业都在works那里了，这里就是唠唠叨叨可以无视的一堆废话<br><br>写代码真的好难啊我要秃头了，本来眼神就不好看半天根本看不出来有哪里不对，这种细致活对我来说太难了，脑阔痛<br><br>虽然最后能看到成品是很有成就感没错，但是为了我所剩不多的头发我还是放弃转行吧<br><br>
                        </p>
				</div>
			</div>
		</div>
	</div>


	<div id="works" class="fh5co-bg-dark">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
					<h2>Works</h2>
				</div>
			</div>
			<div class="row">
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="01/index.html" class="work" style="background-image: url(LOFTER/aaaaaaaaa.jpg);">
						<div class="desc">
							<h3>第一周作业</h3>
							<span>总是传不上去我真是要fong了</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="02/index.html" class="work" style="background-image: url(images/portfolio-2.jpg);">
						<div class="desc">
							<h3>第二周作业</h3>
							<span>分级标题的练习</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="03/03.html" class="work" style="background-image: url(images/portfolio-3.jpg);">
						<div class="desc">
							<h3>第三周作业</h3>
							<span>原来跳转是这么回事</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="04/css.html" class="work" style="background-image: url(LOFTER/1.jpg);">
						<div class="desc">
							<h3>第四周作业</h3>
							<span>css语法练习试着插了链接，真的可以点的！</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="05/05.html" class="work" style="background-image: url(LOFTER/2.jpg);">
						<div class="desc">
							<h3>第五周作业</h3>
							<span>虽然很想试试看标题能加到多长但还是算了吧</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="06/06.html" class="work" style="background-image: url(LOFTER/3.jpg);">
						<div class="desc">
							<h3>第六周作业</h3>
							<span>这节课做了两个练习，不知道放哪个还是放字多的那个吧</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="07/position.html" class="work" style="background-image: url(LOFTER/4.jpg);">
						<div class="desc">
							<h3>第七周作业</h3>
							<span>好难</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="08/index.html" class="work" style="background-image: url(LOFTER/5.jpg);">
						<div class="desc">
							<h3>第八周作业</h3>
							<span>这种时候就会觉得Excel直接拉表格超方便der</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="09/index.html" class="work" style="background-image: url(LOFTER/6.bmp);">
						<div class="desc">
							<h3>第九周作业</h3>
							<span>js的用法*3</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="10/index.html" class="work" style="background-image: url(LOFTER/7.bmp);">
						<div class="desc">
							<h3>第十周作业</h3>
							<span>我当时怎么做的来着</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="11/jquery.html" class="work" style="background-image: url(LOFTER/8.jpg);">
						<div class="desc">
							<h3>第十一周作业</h3>
							<span>遇事不决F12</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="12/index.html" class="work" style="background-image: url(LOFTER/9.jpg);">
						<div class="desc">
							<h3>期中作业</h3>
							<span>我是认真上课的好孩子，虽然这个作业是真的糙</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="13/淡入淡出.html" class="work" style="background-image: url(LOFTER/10.jpg);">
						<div class="desc">
							<h3>第十三周作业</h3>
							<span>年轻人就是naive</span>
						</div>
					</a>
				</div>
				<div class="col-md-3 text-center col-padding animate-box">
					<a href="18周期末作业/1.html" class="work" style="background-image: url(LOFTER/11.jpg);">
						<div class="desc">
							<h3>期末作业</h3>
							<span>结束啦</span>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>


	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a>
	</div>
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Stellar Parallax -->
	<script src="js/jquery.stellar.min.js"></script>
	<!-- Easy PieChart -->
	<script src="js/jquery.easypiechart.min.js"></script>
	<!-- Google Map -->

	<script src="js/google_map.js"></script>
	
	<!-- Main -->
	<script src="js/main.js"></script>

	</body>
</html>

